{include file="public/header" /}
<section class="container">
    <div class="content-wrap">
        <div class="content">
            <section class="mysection">
                <div class="swiper-container">
                    <ul class="slides swiper-wrapper">
                        {volist name="banner" id="banner" key="k"}
                        <li class="swiper-slide">
                            <a href="{$banner.url}" title="{$banner.alt}">
                                <img src="{$banner.thumb}" alt="{$banner.alt}" />
                            </a>
                            <div class="swiper-pagination"></div>
                            <span class="silde-title">{$banner.alt}</span>
                        </li>
                        {/volist}
                    </ul>
                    <div class="swiper-button-next"></div>
                    <div class="swiper-button-prev"></div>
                </div>
            </section>
            {volist name="article" id="article"}
            <article class="excerpt excerpt-5" style="margin-top: 10px;">
                <a class="focus" href="{:url('index/article/show',['cateid'=>$article.cateid,'id'=>$article.id])}" title="{$article.title}" target="_blank">
                    <img class="thumb" data-original="{$article.thumb}" src="{$article.thumb}" alt="{$article.keywords}" style="display: inline;">
                </a>
                <header>
                    {$article.tag|taga}
                    <h2>
                        <a href="{:url('index/article/show',['cateid'=>$article.cateid,'id'=>$article.id])}" title="{$article.title}" target="_blank">{$article.title}</a></h2>
                    </header>
                    <p class="meta">
                        <time class="time">
                            <i class="glyphicon glyphicon-time"></i>{$article['time']|date='Y-m-d',###}</time>
                        <!-- <span class="views">
                        <i class="glyphicon glyphicon-eye-open"></i>216</span> -->
                    </p>
                    <p class="note">{$article.desc}</p>
                </article>
                {/volist}
            </div>
        </div>
        {include file="public/right" /}
    </section>
    {include file="public/footer" /}